.ndp-table2-wrapper{
    position: relative;
}
.ndp-table2-wrapper>.header-wrapper{
    height: 36px;
}

.ndp-table2-wrapper>.body-wrapper{
    margin-top:-16px;
}

/*****
** 设置 行高
****/
.ndp-table2-wrapper .table th,.ndp-table2-wrapper .table td{
    height: 36px;
}


.ndp-table2-wrapper .table-head tbody>tr>td,.ndp-table2-wrapper .table-body thead>tr>th{
    position: relative;
    margin: 0;
    height:0;
    z-index: -1;
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border:0;
}

/****
*** 隐藏 table-body 的 head，  和  table-head  的 body
******/
.ndp-table2-wrapper>.table-head>tbody,.ndp-table2-wrapper>.table-body>thead{
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
/*****
** head  border 改为 1px
****/
.ndp-table2-wrapper .table>thead>tr>th{
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    border:1px solid #ddd;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    overflow: hidden;
}
.ndp-table2-wrapper .table-head{
    z-index: 100;
    height: 36px;
    border:1px solid #ddd;
    border-bottom:0;
}

.ndp-table2-wrapper .table-head>thead>tr>th{
/*    border-bottom-width: 0;*/
    position: relative;
    height: 36px;
}

.ndp-table2-wrapper .table-body{
    border:0;
}
/****
** 列表头部分割线 拖拽区域
***/
.ndp-table2-wrapper .table-head>thead>tr>th>.split-field{
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 10px;
    z-index: 10;
    top:0;
    right: -5px;
    cursor:col-resize;
}

/***
** 列表头部  排序按钮
***/
.ndp-table2-wrapper .table-head>thead>tr>th>.sort-field{
    position: absolute;
    top:0;
    display: inline-block;
    width: 8px;
    height: 100%;
    margin-left: 5px;
    overflow: hidden;
}

.ndp-table2-wrapper thead>tr>th>.sort-field>i.glyphicon{
    position: absolute;
    display: block;
    transform: scale(0.55);
    left: -30%;
    top:9px;
}
.ndp-table2-wrapper .table-head>thead>tr>th>.sort-field>i.glyphicon-triangle-bottom{
    top:16px;
}

.ndp-table2-wrapper .table-body>thead>tr>th{
    pointer-events: none;
    overflow: hidden;
}
.ndp-table2-wrapper .table-head>thead>tr>th.active{
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
/***
** 下半部分向上平移 1px
***/
.ndp-table2-wrapper .table-body{
    border:1px solid #ddd;
    border-top:0;
}


.ndp-table2-wrapper .table-body>tbody>tr:hover{
    background-color: #e9e8e5; 
    cursor: pointer;    
}
.ndp-table2-wrapper .table.table-body>tbody>tr.active>td{
    background-color: #e0e0e0;
    color:#666;
}
.ndp-table2-wrapper .table-body>tbody>tr>td.active,.ndp-table2-wrapper .table-head>thead>tr>th.active{
     background-color: #e0e0e0;
     color:#666;
}

/****
** 排序按钮
****/
.ndp-table2-wrapper .table-head .sort-field>i.active{
    color:#fd9611;
}

/****
** split-line 分割拖拽线
****/
.ndp-table2-wrapper>.split-line{
    position: absolute;
    border:1px dashed #fd9611;
    z-index: 200;
}